@charset "utf-8";
@function r($px) {
    @return $px/$fontsize*1rem;
}
@import "../_reset.scss";
$fontsize: 40;

html{
    position: relative;
    overflow: hidden;
    animation: opens 0.8s linear;
//  font-size: 0;
}
#web{
    width: 100%;
    height: 100%;
    background: #bf0c21;
    font-family: "宋体","微软雅黑";
//  position: relative;
    position: absolute;
    overflow: scroll;
    background: url(../../img/index/bg.png) 100% 100%;
        
  } 
  .sort-tittle{
      width: r(318);
      height: r(45);
      margin: 0 auto;
      margin-top: r(41);
      img{
          width: 100%;
          height: 100%;
      }
  }
.tab{
      height: r(834);
      width: r(504);
      margin: 0 auto;
      overflow: scroll;
      border:  1px solid #E7C598;

table{
      height: 100%;
      width: 100%;
      tr{
          border-bottom: 1px solid #E7C598;
          height: r(90);
          color: #fefdfc;
          td:first-child{
              width:r(90);
              height: 100%;
              text-align: center;
              line-height: r(90);
              font-size: r(25);
              font-weight: bold;
//            color: #fefdfc;
              
          }
          td:nth-child(2){
              width:r(63);
              height: 100%;
              text-align: center;
            img{
                width: r(63);
                height: r(63);
                vertical-align: middle;
            }
             
             
          }
           td:nth-child(3){
              width:r(188);
              height: 100%;
              text-align: left;
              text-indent: r(8);
              font-size: r(22);
              font-weight: bold;
//            color: #fefdfc;
              line-height: r(90);
              }
            td:last-child{
              width:r(155);
              height: 100%;
              text-align: center;
              font-size: r(25);
//            font-weight: bold;
//            color: #fefdfc;
              line-height: r(90);  
            }
        
      }
      tr:nth-child(1),tr:nth-child(2),tr:nth-child(3){
          color: #E7C598 !important;
      }
      tr:nth-child(1) td:first-child{
          background-image: url(../../img/sort/top1.png);
            background-repeat: no-repeat;
            background-position:r(30) r(10);
      }
      tr:nth-child(2) td:first-child{
          background-image: url(../../img/sort/top2.png);
            background-repeat: no-repeat;
            background-position:r(30) r(10);
      }
      tr:nth-child(3) td:first-child{
          background-image: url(../../img/sort/top3.png);
            background-repeat: no-repeat;
            background-position:r(30) r(10);
            }
        }
    }
   .footer{
//  position: relative;
    position: absolute;
    width:100%;
    height: r(128);
    line-height: r(128);
    font-size: 0;
    bottom: 0;
    
    .footer_img{
        
        width: r(41);
        height: r(41);
        position: fixed;
        right: r(56);
        bottom: r(25);
        font-size: 0;
        img{
            width: 100%;
            height: 100%;
            vertical-align: top;
         }
        }
    }
   
   
    
#div1{
     position: absolute;
     top: -10;
   }
   
@keyframes opens{
    0%{top: -100%;
      left: -100%;
      transform: scale(0);
      transform-origin:top left;}
      
    100%{
        top: 0%;
        left: 0%;
        transform: scale(1);
    }
    }

